@bg-color: rgba(255, 255, 255, 1);

@color: rgba(51, 51, 51, 1);
@title-color: rgba(77, 77, 77, 1);

.headerTitle {
  padding-top: 40px;
  padding-bottom: 30px;
  color: @title-color;
  font-size: 22px;
  text-align: center;
}

.approve {
  height: 100%;
  margin: 0 auto;

  :global {
    .ant-card {
      background: @bg-color;

      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);

      .xh-file-title {
        color: rgba(27, 91, 255, 1);
        cursor: pointer;
        display: flex;
        align-items: center;
      }
      .ant-card-body {
        height: 100%;
        padding: 15px;

        .title {
          display: flex;
          align-items: center;
          width: 100%;
          height: 35px;
          color: @color;
          font-size: 16px;
          border-bottom: solid 1px rgba(239, 239, 239, 1);

          i {
            display: block;
            width: 4px;
            height: 20px;
            margin-right: 15px;
            background: rgba(27, 91, 255, 1);
          }
        }

        .sub-title {
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 30px;
          margin: 5px 0;
          color: @color;
          font-weight: bold;
          font-size: 14px;

          p {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 260px;
            height: 30px;
            margin: 0;
            line-height: 30px;
          }
        }

        .ant-row {
          margin-bottom: 10px;

          .ant-col-8 {
            p {
              margin: 0;
              padding: 10px 0 10px 20px;
              text-align: left;
            }
          }
        }
      }
    }
  }
}
